﻿@charset "utf-8";

html {
    font-size: 16px; /*默认字号*/
    overflow-y: scroll; /*文本纵向溢出滚动*/
    -webkit-text-size-adjust: 100%; /*文本尺寸适配*/
    -ms-text-size-adjust: 100%; /*文本尺寸适配*/
}

body {
    color: #000000;
    font-family: SimSun; /*默认字体*/
    line-height: 1.5em; /*默认行高：1.5字符*/
    text-indent: 2em; /*默认文本缩进：2字符*/
    margin: auto; /*默认外间距*/
    max-width: 42em; /*最大宽度：42字符*/
    background: #F5F5F5; /*默认背景：浅灰*/
    padding: 0em 0.5em; /*默认内间距*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Microsoft YaHei',SimHei;/*标题默认字体*/
    padding: 0em 0.5em; /*六级标题默认内间距*/
}
/*一级标题*/
h1 {
    font-size: 1.5em; /*一级标题字号为普通文本字号的1.5倍*/
    line-height: 1.6em; /*一级标题的行高*/
    background-color: #0062A8; /*一级标题的背景色*/
    overflow: hidden; /*如果内容溢出，则会被修剪，并且其余内容是不可见的。*/
    border-bottom: 1px solid #0062A8; /*一级标题带边框*/
    color: white; /*一级标题的文本色彩*/
    display: block; /*此元素将显示为块级元素，此元素前后会带有换行符。*/
    margin: 1em 0em; /*外间距*/
    text-align: left; /*文本对齐方式*/
    text-decoration: none; /*文本装饰，不带下划线*/
    text-indent: 0em; /*文字缩进*/
    -moz-box-shadow: 0 0 1em #888; /*阴影效果，是否有效取决于浏览器是否支持*/
    -webkit-box-shadow: 0 0 1em #888; /*阴影效果，是否有效取决于浏览器是否支持*/
    text-indent: 0em;
}
    /*一级标题鼠标移动到上面变色*/
    h1:hover {
        background-color: #348af3;
        border-bottom-color: #348af3;
    }
/*二级标题*/
h2 {
    font-size: 1.4em; /*二级标题字号*/
    line-height: 1.5em; /*行高*/
    text-indent: 0em; /*文本缩进*/
    color: #FF6A00; /*文本色彩*/
}
    /*二级标题鼠标移动到上面变色*/
    h2:hover {
        color: white;
        background-color: #FF6A00;
    }
/*三级标题*/
h3 {
    font-size: 1.3em; /*三级标题字号*/
    line-height: 1.4em; /*行高*/
    text-indent: 0em; /*文本缩进*/
    color: #008F00; /*文本色彩*/
}
    /*三级标题鼠标移动到上面变色*/
    h3:hover {
        color: white;
        background-color: #008F00;
    }
/*四级标题*/
h4 {
    font-size: 1.2em; /*四级标题字号*/
    line-height: 1.3em; /*行高*/
    text-indent: 0em; /*文本缩进*/
    color: #008E82; /*文本色彩*/
}
    /*四级标题鼠标移动到上面变色*/
    h4:hover {
        color: white;
        background-color: #008E82;
    }
/*五级标题*/
h5 {
    font-size: 1.1em; /*五级标题字号*/
    line-height: 1.2em; /*行高*/
    text-indent: 0em; /*文本缩进*/
    color: #0755D1; /*文本色彩*/
}
    /*五级标题鼠标移动到上面变色*/
    h5:hover {
        color: white;
        background-color: #0755D1;
    }
/*六级标题*/
h6 {
    font-size: 1em; /*六级标题字号*/
    line-height: 1.1em; /*行高*/
    text-indent: 0em; /*文本缩进*/
    color: #C100AE; /*文本色彩*/
    background-color: inherit;
}
    /*六级标题鼠标移动到上面变色*/
    h6:hover {
        color: white;
        background-color: #C100AE;
    }
/*水平线1*/
.hr1 {
    height: 1px; /*水平线高*/
    background-color: orangered; /*背景色*/
}
/*水平线2*/
.hr2 {
    height: 1px; /*水平线高*/
    background-color: yellow; /*背景色*/
}
/*水平线3*/
.hr3 {
    height: 2px; /*水平线高*/
    background-color: cadetblue; /*背景色*/
}
/*水平线4*/
.hr4 {
    height: 3px; /*水平线高*/
    background-color: navajowhite; /*背景色*/
}
/*水平线5*/
.hr5 {
    height: 4px; /*水平线高*/
    background-color: greenyellow; /*背景色*/
}
/*水平线*/
hr {
    height: 0.2em; /*水平线高*/
    border: 0; /*无边框*/
    color: #CCCCCC; /*前景色彩*/
    background-color: #CCCCCC; /*背景色*/
    text-indent: 0; /*文本缩进*/
}
/*部分元素的默认属性列表*/
blockquote, /*块引用*/
ul, /*无序列表*/
ol, /*有序列表*/
dl, /*定义列表*/
li { /*列表项*/
    margin: 15px 1em;
}
/*重定义段落外间距*/
p { /*段落*/
    margin: 0.25em 0; /*外间距*/
}

/*
+ pre和code都主要应用于浏览器显示计算机中的源代码。
+ code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码，
+ 浏览器可以做出自己的 样式处理，pre标签则没有这项功能。
+ 但是pre标签可以保留文本中的空格和换行符，
+ 保留文本中的空格和换行符是计算机源代码显示 所必须的样式。
+ + /

/*预定义文本区域*/
pre { /*预格式化文本区域，通常用于呈现代码*/
    background-color: #F8F8F8; /*背景色*/
    border: 1px solid #CCCCCC; /*边框*/
    border-radius: 3px; /*边框圆角，需要浏览器支持*/
    text-indent: 0px; /*文本无缩进*/
    overflow: auto; /*溢出处理*/
    padding: 5px; /*内间距*/
    line-height: 0.6em;
}
    /*代码块，pre内部所有code*/
    pre code {
        padding: 0; /*无内间距*/
        text-indent: 0px; /*文本无缩进*/
        text-indent: 0px; /*无文本缩进*/
        border: 1px solid red; /*边框*/
        line-height: 0.6em;
    }
/*代码块*/
code {
    font-family: SimSun; /*默认宋体*/
    background-color: #F8F8F8; /*背景色*/
    border: 1px solid #4D99F6; /*边框*/
    text-indent: 0px; /*文本无缩进*/
    padding: 0.1em 0.2em; /*内间距*/
    line-height: 0.6em;
}
/*代码块，pre的直接下级code*/
pre > code {
    border: 0; /*无边框*/
    text-indent: 0px; /*文本无缩进*/
    margin: 0; /*无外间距*/
    padding: 0; /*无内间距*/
    text-indent: 0px; /*文本无缩进*/
}
/*嵌入在段落内的Code正常缩进*/
p code {
    text-indent: 2em;
}
/*链接*/
a {
    color: blue; /*文本色彩*/
    text-decoration: underline; /*带下划线*/
}
    /*已访问的链接*/
    a:visited {
        color: #C100AE; /*文本色彩*/
    }
    /*鼠标悬停时的链接*/
    a:hover {
        color: cadetblue; /*文本色彩*/
        outline: 0; /*无外边框*/
    }
    /*激活时的链接*/
    a:active {
        color: #faa700; /*文本色彩*/
        outline: 0; /*无外边框*/
    }
    /*获得焦点时的链接*/
    a:focus {
        outline: thin dotted; /*外边框形态*/
    }
/*::-moz-selection用于firefox家族*/
：:-moz-selection {
    background: rgba(255, 255, 0, 0.3); /*选定文本的背景色*/
    color: #000; /*选定文本的色彩*/
}
/*::selection用于safari浏览器*/
：:selection {
    background: rgba(255, 255, 0, 0.3); /*选定文本的背景色*/
    color: #000; /*选定文本的色彩*/
}
/*::-moz-selection用于firefox家族*/
a::-moz-selection {
    background: rgba(255, 255, 0, 0.3); /*选定链接的背景色*/
    color: #0645ad; /*选定链接的文本色*/
}
/*::selection用于safari浏览器*/
a::selection {
    background: rgba(255, 255, 0, 0.3); /*选定链接的背景色*/
    color: #0645ad; /*选定链接的文本色*/
}
/*块引用*/
blockquote {
    color: #666666; /*文本色彩*/
    margin: 0; /*外间距*/
    padding-left: 0.5em; /*左内间距*/
    border-left: 0.5em #2672A8 solid; /*左边框*/
    text-indent: 2em; /*文本缩进*/
    background-color: #DDD; /*背景色*/
}
    /*块引用中嵌套的块引用*/
    blockquote > blockquote {
        color: #666666; /*文本色彩*/
        margin: 0 0 0 0.4em; /*外间距*/
        padding-left: 0.4em; /*左内间距*/
        border-left: 0.2em #2672A8 solid; /*左边框*/
        text-indent: 2em; /*文本缩进*/
    }
/*列表共有属性*/
ul,
ol {
    margin: 1em 0; /*外间距*/
    padding: 0 0 0 2em; /*内间距*/
    text-indent: 0em; /*文本缩进*/
}
/*无序列表*/
ul {
    list-style: disc; /*实心圆标记*/
}
    /*多层无序列表嵌套时*/
    ul > ul {
        list-style: circle; /*空心圆标记*/
    }
/*块引用中的无序列表*/
blockquote > ul {
    list-style: circle; /*空心圆标记*/
}
/*:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。*/
li p:last-child {
    margin: 0;
}
/*“定义式列表”的项*/
dd {
    margin: 0 0 0 2em; /*外间距*/
}
/*图像*/
img {
    border: 0; /*边框*/
    -ms-interpolation-mode: bicubic; /*ie浏览器自带属性，用于解决图像缩放问题*/
    vertical-align: middle; /*纵向居中对齐*/
    max-width: 100%; /*最大宽度*/
    display: block; /*按块呈现，上下有空行*/
    margin: auto; /*外间距*/
    height: auto;
    width: auto;
}
/*在段落中的img*/
p img {
    vertical-align: middle; /*纵向居中对齐*/
}
/*表格*/
table {
    width: 100%; /*宽度*/
    margin-top: 1em; /*上外间距*/
    margin-left: 0px; /*左外间距*/
    margin-right: 0px; /*右外间距*/
    margin-bottom: 1em; /*下外间距*/
    border-spacing: 0px; /*相邻单元格的边框间的距离（仅用于“边框分离”模式）*/
    text-indent: 0px; /*文本缩进*/
    border: 1px solid #6dbbf6; /*边框*/
    border-collapse: collapse; /* border-collapse 属性设置表格的边框是否被合并为一个单一的边框，
											 * 还是象在标准的 HTML 中那样分开显示。
											 * 值为collapse时，边框会合并为一个单一的边框。
											 * 会忽略 border-spacing 和 empty-cells 属性。*/
}
/*表格元素*/
th,
td {
    line-height: 150%; /*行高*/
    height: 27px; /*高度*/
    padding: 0 5px; /*内间距*/
    text-indent: 0px; /*文本缩进*/
    border: 1px solid #6dbbf6; /*边框*/
}
/*表格标题*/
table caption {
    padding-bottom: 0.5em;
    font-size: 1.4em;
    font-weight: bold;
}
/*表格标头*/
th {
    text-align: center; /*居中对齐文本*/
    background: #0062A8; /*背景色*/
    color: white; /*文字色彩*/
}
/*根据设备屏幕宽度来决定字号尺寸*/
@media only screen and (min-width: 480px) {
    body {
        font-size: 14px;
    }
}
/*根据设备屏幕宽度来决定字号尺寸*/
@media only screen and (min-width: 768px) {
    body {
        font-size: 16px;
    }
}
/*页脚*/
.foot {
    font-size: 1em; /*字号*/
    width: 40%; /*相对于页面的宽度*/
    margin-top: 10px; /*上外间距*/
    padding-top: 20px; /*上内间距*/
    padding-bottom: 40px; /*下内间距*/
    text-indent: 0px; /*文本缩进*/
    float: right; /*靠右侧浮动*/
}
/*作者*/
#author {
    text-align: center; /*文本居中*/
}
/*编译时间*/
#compile_time {
    text-align: center; /*文本居中*/
}
/*加粗*/
strong {
    font-weight: bold; /*文本加粗*/
    color: #3F6FFF; /*变色*/
}
/*斜体（emphasis的简写，加重显示的意思）*/
em {
    font-style: italic; /*倾斜文本*/
    color: #FF77E8; /*变色*/
    padding-left: 0.1em; /*左内间距，这是因为需要给它左面的文本稍让出点距离来，不然容易重叠在一起*/
    padding-right: 0.2em; /*右内间距，这是因为需要给它右面的文本稍让出点距离来，不然容易重叠在一起*/
}
/*文件标题*/
.fileheader {
    font-family: 'Microsoft YaHei', SimHei; /*文档总标题*/
    line-height: 1.6em;
    text-indent: 0; /*文本缩进*/
    font-weight: bold; /*加粗显示*/
    font-size: 1.6em; /*字号*/
    padding-left: 26px; /*左内间距，给左侧小图片留出空间*/
    background: url('./Images~/header_icon_dark.png') no-repeat 0 50%;
    /*文档标题文本开头的小图标*/
}
    .fileheader:hover {
        background-color: white;
        border-bottom-color: #348af3;
    }
/*冒号开头的注释文本*/
.comment {
    font-size: 1em; /*字号*/
    text-indent: 0; /*文本缩进*/
    line-height: 16px; /*行高*/
    margin-top: 0.5em;/*上外间距*/
    margin-bottom: 0.5em;/*下外间距*/
    padding-left: 2em; /*左内间距*/
    color: #7632FF; /*文本色彩*/
    background: url('./Images~/comment_dark.png') no-repeat 0.5em 50%;
    /*注释文本开头的小图标*/
}
/*用于任务列表项span*/
/*未开始的任务列表项*/
.task_u {
    color: white; /*文本色彩*/
    text-indent: 0em; /*文本缩进*/
    background: red; /*背景色*/
    font-weight: bold; /*加粗文本*/
}
/*正在进行的任务列表项*/
.task_p {
    color: white; /*文本色彩*/
    text-indent: 0em; /*文本缩进*/
    background: green; /*背景色*/
    font-weight: bold; /*加粗文本*/
}
/*已经完成的任务列表项*/
.task_f {
    color: white; /*文本色彩*/
    text-indent: 0em; /*文本缩进*/
    background: blue; /*背景色*/
    font-weight: bold; /*加粗文本*/
}
/*已废弃的任务列表项*/
.task_a {
    color: white; /*文本色彩*/
    text-indent: 0em; /*文本缩进*/
    background: brown; /*背景色*/
    font-weight: bold; /*加粗文本*/
}
/*以上用于任务列表项span*/

/*任务列表段落*/
p.task {
    text-indent: 0px; /*任务列表所在的段落不缩进*/
}

/* 以下用于任务列表项的文本 */
/*未完成的任务列表项文本*/
.task_up {
    color: red; /*文本色彩*/
}
/*正在进行的任务列表项文本*/
.task_pp {
    color: green; /*文本色彩*/
}
/*已完成的任务列表项文本*/
.task_fp {
    color: blue; /*文本色彩*/
}
/*已废弃的任务列表项文本*/
.task_ap {
    color: brown; /*文本色彩*/
}
/* 以上用于任务列表项的文本 */

/*以下用于任务列表项的时间标记*/
/*无状态标记的时间标记的配色*/
.date {
    color: #970FAA; /*文本色彩*/
    font-weight: bold; /*加粗文本*/
}
/*未完成状态的时间标记*/
.date_u {
    color: red; /*文本色彩*/
    font-weight: bold; /*加粗文本*/
}
/*正在进行状态的时间标记*/
.date_p {
    color: darkgreen; /*文本色彩*/
    font-weight: bold; /*加粗文本*/
}
/*已完成状态的时间标记*/
.date_f {
    color: blue; /*文本色彩*/
    font-weight: bold; /*加粗文本*/
}
/*已废弃状态的时间标记*/
.date_a {
    color: brown; /*文本色彩*/
    font-weight: bold; /*加粗文本*/
}
/*以上用于任务列表项的时间标记*/

/*页眉文本*/
.pageheader {
    text-indent: 0; /*文本缩进*/
    font-size: 1em; /*文本字号*/
    padding-right: 1em; /*右内间距*/
}

/*试题选项列表*/
.exam {
    list-style-type: upper-alpha; /*以字母开头，自动加“A.B.C...”*/
}
/*选择题外边框*/
div.ex_c {
    text-indent: 2em; /*文本缩进*/
    border: solid 1px #0062A8; /*边框*/
    margin-top: 0.5em; /*上外间距*/
}
/*选择题选项列表*/
ol.ex_c_xx {
    margin-left: 3em; /*左外间距*/
}
/*填空题外边框*/
div.ex_f {
    text-indent: 2em; /*文本缩进*/
    border: solid 1px #0062A8; /*边框*/
    margin-top: 0.5em; /*上外间距*/
}
/*材料解析题外边框*/
div.ex_m {
    text-indent: 2em; /*文本缩进*/
    border: solid 1px #0062A8; /*边框*/
    margin-top: 0.5em; /*上外间距*/
}
/*材料出处*/
p.ex_m_cc {
    text-align: right; /*文本对齐*/
    margin-right: 1em; /*右外间距*/
}
/*填空题答案*/
p.ex_f_da {
    margin-left: 1.5em; /*左外间距*/
}
/*材料解析题答案*/
p.ex_m_da {
    margin-left: 1em; /*左外间距*/
}
/*选择题题干*/
p.ex_c_t {
    margin-left: 0em; /*左外间距*/
}
/*填空题题干*/
p.ex_f_t {
    margin-left: 0em; /*左外间距*/
}
/*选择题解析*/
.ex_c_jx {
    margin-left: 0em; /*左外间距*/
}
/*材料解析题问题*/
p.ex_m_q {
    margin-left: 1em; /*左外间距*/
}
/*选择题错误选项开头字符*/
span.ex_c_err {
    font-weight: bold; /*文本加粗*/
    border: 1px solid black; /*边框*/
    padding: 2px; /*内间距*/
    margin-right: 1em; /*右外间距*/
}
/*选择题正确选项开头字符*/
span.ex_c_right {
    color: red; /*文本色彩*/
    border: 1px solid red; /*边框*/
    padding: 2px; /*内间距*/
    margin-right: 1em; /*右外间距*/
}
/*填空题“答案”标签*/
span.ex_f_da {
    color: red; /*文本色彩*/
    padding: 2px; /*内间距*/
    border: 1px solid red; /*边框*/
    margin-right: 1em; /*右外间距*/
}
/*材料题“参考答案”标签*/
span.ex_m_answer {
    color: red; /*文本色彩*/
    padding: 2px; /*内间距*/
    border: 1px solid red; /*边框*/
    margin-right: 1em; /*右外间距*/
}
/*模仿C#中的region - end region*/
.region {
    padding-left: 0;
    padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    border-left: 1px solid black;
    border-right: 1px solid black; 
	border-top: 1px solid black;
	border-bottom: 1px solid black; 
    /*border-top-left-radius: 1em;*/
    /*border-top-right-radius: 1em;*/    
    /*border-bottom-left-radius: 1em;*/
    /*border-bottom-right-radius: 1em;*/
    margin: 1em 0;
}
.region_i {
    padding-left: 72px;
    padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    border-left: 1px solid black;
    border-right: 1px solid black; 
	border-top: 1px solid black;
	border-bottom: 1px solid black; 
    /*border-top-left-radius: 1em;*/
    /*border-top-right-radius: 1em;*/    
    /*border-bottom-left-radius: 1em;*/
    /*border-bottom-right-radius: 1em;*/
    background: url('./Images~/region_i_dark.png') no-repeat 0 50%;
    margin: 1em 0;
}
.region_q {
    padding-left: 72px;
    padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    border-left: 1px solid black;
    border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black; 
    /*border-top-left-radius: 1em;*/
    /*border-top-right-radius: 1em;*/    
    /*border-bottom-left-radius: 1em;*/
    /*border-bottom-right-radius: 1em;*/
    background: url('./Images~/region_q_dark.png') no-repeat 0 50%;
    margin: 1em 0;
}
.region_w {
    padding-left: 72px;
    padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    border-left: 1px solid black;
    border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black; 
    /*border-top-left-radius: 1em;*/
    /*border-top-right-radius: 1em;*/    
    /*border-bottom-left-radius: 1em;*/
    /*border-bottom-right-radius: 1em;*/
    background: url('./Images~/region_w_dark.png') no-repeat 0 50%;
    margin: 1em 0;
}
.region_e {
    padding-left: 72px;
    padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    border-left: 1px solid black;
    border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black; 
    /*border-top-left-radius: 1em;*/
    /*border-top-right-radius: 1em;*/    
    /*border-bottom-left-radius: 1em;*/
    /*border-bottom-right-radius: 1em;*/
    background: url('./Images~/region_e_dark.png') no-repeat 0 50%;
    margin: 1em 0;
}
/*模仿C#中的region - end region中的首尾段落*/
.region_header {
    /*border-top-left-radius: 1em;*/
    /*border-top-right-radius: 1em;*/
    /*border-top: 1px solid deepskyblue;*/
    border-bottom: 1px solid black;
    text-align: center;
    font-weight: bold;
    text-indent: 0px;
    margin: 0;
    padding: 0;
}
.region_panel{
    margin: 0;
    padding: 0;
}
.region_panel p {
    margin: 0;
    padding: 0;
    text-indent: 2em;/*文本首行缩进*/
}
div.region_panel > table {
    border: none; /*边框*/
    padding: 0;
    margin: 0;
}
div.region_panel > table > tbody > tr > td {
    border: none; /*边框*/
}
div.region_panel .comment {
    text-indent: 0; /*文本缩进*/
    padding-left: 2em;
}
/*鼠标移动到上面变色*/
.region_header:hover {
    color: white;
    background: black;
    border-bottom: 1px solid black;
}
/*鼠标移动到上面变色*/
.region_tail:hover {
    color: white;
    background: black;
    border-top: 1px solid black;
}
.region_tail {
    /*border-bottom-left-radius: 1em;*/
    /*border-bottom-right-radius: 1em;*/
    border-top: 1px solid black;
    /*border-bottom: 1px solid deepskyblue;*/
    text-align: center;
    font-weight: bold;
    text-indent: 0px;
    margin: 0;
    padding: 0;
}
.region_e .region_tail{
    text-align: right;
    padding-right: 1em;
}
.region_i .region_tail{
    text-align: right;
    padding-right: 1em;
}
.region_q .region_tail{
    text-align: right;
    padding-right: 1em;
}
.region_w .region_tail{
    text-align: right;
    padding-right: 1em;
}